<template>
  <div class="About">
    <div class="background">
      <h3>关于</h3>
    </div>
    <div class="content">
      <p>
        目前在校大学生一枚，平时会看别人的博客，出于兴趣在一次暑假做了一个这样的博客网站，网站功能不多，但也能满足我个人的使用需求。
      </p>
      <p>
        从以前开始，我就一直有着想做一个博客网站的想法，但由于时间和技术上的问题，一直没能实现。
        搭建这个个人博客主要是为了记录日常生活的点滴和工作中的遇到的问题。
      </p>
      <p>
        后端：Spring+SpringMVC+Mybatis+JWT
      </p>
      <p>
        前端：Vue+ElementUI
      </p>
      <p>
        Gitee: <a href="https://gitee.com/mooxi/webblog" target="self">https://gitee.com/mooxi/webblog</a>
      </p>
    </div>
  </div>
</template>

<script>
export default {
    name:'About'
}
</script>

<style>
.About .background {
  height: 400px;
  background: url("../../static/image/img.jpg");
  opacity: 0.8;
  color: white;
  position: relative;
}
.About h3 {
  font-size: 40px;
  letter-spacing: 1ch;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
}

.About .content{
  font-size: 18px;
  width: 70%;
  margin: 0 auto;
  color: #727477;
  margin-top: 30px;
}

.About .content p{
  margin: 20px 30px;
  line-height: 30px;
  text-indent: 2ch;
}
</style>